.instruc{
    width: 500px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size:12px;
    color: #999;
}
.editor_cont{
    width: 500px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    outline: none;
    border: solid 1px #eee;
    padding: 5px;
    background-color: rgb(30,30,30);
    color:#fff;
    font-size: 14px;
    line-height: 18px;
    overflow: auto;
    :global{
        .session_box{
            width: 100%;
            min-height: 20px;
            .name_box{
                width: 100px;
                color: rgb(80, 83, 243);
                text-align: right;
                margin:5px 0;
            }
            .r-content{
                .action{
                    color: rgb(7, 180, 7);
                    margin:5px 0;
                }
                // .action:empty:before{ 
                //     content: '说点啥好呢？'; 
                //     color: rgb(221, 215, 215);
                // }
                .speak{
                    width: 100%;
                    min-height: 20px;
                    color: #fff;
                    margin:5px 0;
                }
                .monologue{
                    color: rgba(255,255,255,0.7);
                    position: relative;
                    margin:5px 0;
                    &::before{
                        content: '';
                        position: absolute;
                        width: 1px;
                        height: calc(100% - 5px);
                        background-color: rgba(255,255,255,0.7);
                        left: -4px;
                        top:3px;
                    }
                }
                .remarks{
                    color: rgb(180, 62, 62);
                    position: relative;
                    margin:5px 0;
                    &::before{
                        content: '';
                        position: absolute;
                        width: 16px;
                        height: 16px;
                        background:url("./img/ico_1.png");
                        left: -21px;
                        top:0;
                    }
                    &::after{
                        content: '';
                        position: absolute;
                        width: 1px;
                        height: calc(100% - 5px);
                        background-color: rgb(180, 62, 62);
                        left: -4px;
                        top:3px;
                    }
                }
                .explain{
                    color: rgb(241, 196, 45);
                    margin:5px 0;
                }
                .footnote{
                    position: relative;
                    font-size: 12px;
                    &>span{
                        color: rgb(80, 83, 243);
                    }
                    &:hover{
                        .footnote-info{
                            display: block;
                        }
                    }
                    .footnote-info{
                        position: absolute;
                        width: 200px;
                        height: auto;
                        text-align: center;
                        left: 50%;
                        margin-left: -100px;
                        bottom:16px;
                        display: none;
                        &::after{
                            content: '';
                            position: absolute;
                            left: 96px;
                            display: block;
                            width: 0;
                            height: 0;
                            border-top: 5px solid rgb(72,71,77); 
                            border-right: 5px solid transparent;
                            border-left: 5px solid transparent;
                            border-bottom: 5px solid transparent;
                        }
                        &>div{
                            display: inline-block;
                            padding: 5px;
                            background-color: rgb(72,71,77);
                            border-radius: 5px;
                        }
                    }
                }
            }
        }
        .session_box:empty:before{
            content: '新段落从这里开始~';
            color: rgba(255,255,255,0.1);
        }
    }
}